// const path = require("path");
import path from "path";
export default {
  plugins: {
    // tailwindcss: {},
    // 使用 cnjm-postcss-px-to-viewport 规避 postcss.plugin was deprecated 警告
    "cnjm-postcss-px-to-viewport": {
      unitToConvert: "px", // 要转化的单位
      viewportWidth: 2048, // UI设计稿的宽度
      unitPrecision: 6, // 转换后的精度，即小数点位数
      propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
      viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
      fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
      selectorBlackList: ["ignore"], // 指定不转换为视窗单位的类名，
      minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
      mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
      replace: true, // 是否转换后直接更换属性值
      exclude: [/node_modules/, /mathquill/], // 设置忽略文件，用正则做目录名匹配
      landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
      landscapeUnit: "vw", // 横屏时使用的单位
      landscapeWidth: 2048, // 横屏时使用的视口宽度
      // 如果没有使用其他的尺寸来设计，下面这个方法可以不需要，比如vant是375的
      customFun: ({ file }) => {
        // 插件提供的自定义的方法，可用于适配不同的设计稿
        const url = path.join(file);
        if (url.includes("landscape.scss")) return 2048;
        return 2048;
      }
    },
    autoprefixer: {
      overrideBrowserslist: ["Android >= 4.0", "iOS >= 7"]
    }
  }
};
